<template>
    <div id="error404">
        <div class="div_master">
            <img src="../../assets/404.jpg" alt="">
            <el-alert
                    title="页面走丢了～"
                    type="info"
                    center
                    :closable="closable"
                    show-icon>
            </el-alert>
        </div>
    </div>
</template>

<script>
    export default {
        name: "Error404",
        data(){
            return{
                closable: false
            }
        }
    }
</script>

<style lang="less" scoped>

    .div_master{
        left: 50%;
        right: 50%;
        top: 50%;
        width: 500px;
        height: 300px;
        position: absolute;
        transform: translate(-50%,-110%);
        img{
            width: 100%;
            height: 100%;
            border-radius: 2%;
            background-color: #eeeeee;
        }
    }
</style>
